<template>
	<view class="consult" :style="{minHeight: wHeight + 'px' }">
		<view class="consult-ul" v-for="(item,index) in consult">
			<view class="consult-li">
				<view class="consult-name">
					<text>{{item.dispute}}</text>
				</view>
				<view class="consult-cen">
					<text>{{item.reply}}</text>
				</view>
			</view>
			<view class="consult-lo">
				<view class="consult-time">
					<text>{{item.time}}</text>
				</view>
			<!-- 	<view class="consult-se">
					<text></text>
				</view> -->
			</view>
		</view>
		
	</view>
</template>

<script>
	export default{
		data(){
			return{
				wHeight: '',
				consult:[
					{
						dispute:"财产纠纷",
						reply:"收到回复内容",
						time:"16:11",
					},
					{
						dispute:"咨询内容",
						reply:"收到回复内容",
						time:"16:11",
					},{
						dispute:"财产纠纷",
						reply:"收到回复内容",
						time:"16:11",
					},
					{
						dispute:"咨询内容",
						reply:"收到回复内容",
						time:"16:11",
					},{
						dispute:"财产纠纷",
						reply:"收到回复内容",
						time:"16:11",
					},
					{
						dispute:"咨询内容",
						reply:"收到回复内容",
						time:"16:11",
					},{
						dispute:"财产纠纷",
						reply:"收到回复内容",
						time:"16:11",
					},
					{
						dispute:"咨询内容",
						reply:"收到回复内容",
						time:"16:11",
					},{
						dispute:"财产纠纷",
						reply:"收到回复内容",
						time:"16:11",
					},
					{
						dispute:"咨询内容",
						reply:"收到回复内容",
						time:"16:11",
					},{
						dispute:"财产纠纷",
						reply:"收到回复内容",
						time:"16:11",
					},
					{
						dispute:"咨询内容",
						reply:"收到回复内容",
						time:"16:11",
					},{
						dispute:"财产纠纷",
						reply:"收到回复内容",
						time:"16:11",
					},
					{
						dispute:"咨询内容",
						reply:"收到回复内容",
						time:"16:11",
					},{
						dispute:"财产纠纷",
						reply:"收到回复内容",
						time:"16:11",
					},
					{
						dispute:"咨询内容",
						reply:"收到回复内容",
						time:"16:11",
					},{
						dispute:"财产纠纷",
						reply:"收到回复内容",
						time:"16:11",
					},
					{
						dispute:"咨询内容",
						reply:"收到回复内容",
						time:"16:11",
					},{
						dispute:"财产纠纷",
						reply:"收到回复内容",
						time:"16:11",
					},
					{
						dispute:"咨询内容",
						reply:"收到回复内容",
						time:"16:11",
					},{
						dispute:"财产纠纷",
						reply:"收到回复内容",
						time:"16:11",
					},
					{
						dispute:"咨询内容",
						reply:"收到回复内容",
						time:"16:11",
					},{
						dispute:"财产纠纷",
						reply:"收到回复内容",
						time:"16:11",
					},
					{
						dispute:"咨询内容",
						reply:"收到回复内容",
						time:"16:11",
					},
				]
			}
		},
		onLoad() {
			this.wHeight = this.$store.state.ContentHeight - 45;
		},
	}
</script>

<style lang="less" scoped>
	.consult{
		background-color:#EFEFEF;
		position: absolute;
		.consult-ul{
			margin-top: 30rpx;
			width: 750rpx;
			height: 133rpx;
			background-color: #FFFFFF;
			display: flex;
			justify-content: space-between;
			.consult-li{
				.consult-name{
					margin: 25rpx 0  0 30rpx;
					text{
						font-size: 36rpx;
						font-family: Source Han Sans CN;
						font-weight: bold;
						color: #333333;
					}
				}
				.consult-cen{
					margin: 0 0 25rpx 30rpx;
					text{
						font-size: 28rpx;
						font-family: Source Han Sans CN;
						font-weight: 400;
						color: #666666;
					}
				}
			}
			.consult-lo{
				.consult-time{
					margin: 25rpx 30rpx 0 0;
					text{
						font-size: 25rpx;
						font-family: Source Han Sans CN;
						font-weight: 400;
						color: #666666;
					}
				}
				.consult-se{
					width: 33rpx;
					height: 33rpx;
					background: #FF0000;
					border-radius: 50%;
					text-align: center;
					line-height: 33rpx;
					margin: 10rpx 10rpx;
					text{
						font-size: 28rpx;
						font-family: Source Han Sans CN;
						font-weight: 400;
						color: #FFFFFF;
					}
				}
			}
		}
	}
</style>
